Tengo un sitio web con un subdirectorio llamado "/ juego". No hay problema cuando hago clic en la pestaña en la barra de navegación cuando ejecuto el sitio web en localhost (¡localhost: 3000/el juego está funcionando!). Pero cuando quiero acceder usando la dirección de mi dominio, me da error "404 No se encontró la página solicitada". (¡midominio/juego no funciona!)

¿Qué me estoy perdiendo?

Reaccionar parte - Navbar.js:

 ... <a href="/game"> <span>Game</span> </a> ...

Reaccionar parte - Game.js:

 import React, { Component } from 'react' export default class Game extends Component { render() { return ( <div className='text-white text-center game'> GAME INFORMATION </div> ) } }

Parte de reacción - App.js:

 function App() { return ( <BrowserRouter> <Routes> <Route path="/" element={ <div className="App"> <header className='Main-header'> <Navbar /> <Hero /> </header> <About /> <Gallery /> <Faq /> </div> } /> <Route path="/game" element={<Game />} /> </Routes> </BrowserRouter> ); } export default App;

Parte de Nginx, después de escribir vi por defecto :

 server { listen 80 default_server; listen [::]:80 default_server; root /var/www/html; server_name _; location / { proxy_pass http://localhost:3000; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection 'upgrade'; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; } }